<div class="page-container">
  <div class="container">
    <section class="box darenListBox" style="overflow: hidden;margin-top: 50px;position: relative;">
      <header class="panel_header">
        <h2 class="title pull-left">
          {{'淘宝直播达人'|translate}}

        </h2>
        <div class="actions panel_actions right">
          <div class="pl12" fxLayout="row" fxLayoutAlign="center center">
            <input type="text" class="liver-search" type="text" name="keyWords" [(ngModel)]="param.nick">
            <a class="btn-mini btn-default" (click)="search()" href="javascript:void(0)">搜索</a>
          </div>
        </div>
      </header>
      <ngx-busy [busy]="busy"></ngx-busy>
      <div class="content-body">
        <table class="responsive-table striped">
          <thead>
            <tr>
              <th class="nickTh">
                达人昵称
              </th>
              <th>粉丝数</th>
              <th>周销售额</th>
              <th>周销售量</th>
              <th>周成交均价</th>
              <th>近30天销售额</th>
              <th>近30天销售量</th>
              <th>近30天成交均价</th>
              <th>所属行业</th>
              <th>日期</th>
            </tr>
          </thead>
          <tbody>
            <tr class="repeat-item" *ngFor="let liver of vm.table.livers  | paginate: { itemsPerPage: param.rows, currentPage: vm.page, totalItems: vm.table.count,id:'livers_table'};let $index = index;">
              <td class="clcearfix">
                <div fxFlex fxLayoutAlign="start center">
                  <a href="http://h5.m.taobao.com/daren/home.html?userId={{liver.darenId}}" target="_blank" class="darenLogo">
                    <img src="http://{{liver.logo}}" width="60" />
                  </a>
                  <a class="linkHover pl5" href="javascript:;" goDetail type="liveDetail" [data]="liver" [innerHTML]="liver.name | highlight:param.nick"></a>
                  <a class="pl5" href="https://{{liver.wangwangLink}}" title="旺旺联系" target="_blank">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1482398512446" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" p-id="1294" width="16" height="16">
                      <path d="M384.887 78.974c49.902 20.708 109.436 49.030 150.577 80.414 6.443 4.932 14.14 7.952 22.219 8.718 221.978 21.474 389.374 192.954 389.374 398.878 0 221.168-195.314 401.108-435.405 401.108-240.135 0-435.491-179.94-435.491-401.108 0-170.205 117.196-322.334 291.652-378.594 19.562-6.315 32.042-25.429 29.937-45.883-2.274-22.285-7.038-43.823-12.863-63.533M305.027 2.791c0 0 41.588 67.847 49.413 144.157-187.321 60.406-321.823 225.507-321.823 420.034 0 245.534 214.492 444.653 479.036 444.653 264.543 0 478.949-199.119 478.949-444.653 0-229.93-187.829-418.908-428.729-442.21-90.491-69.039-256.846-121.981-256.846-121.981v0z" p-id="1295" fill="#1296db" />
                      <path d="M572.378 595.941c-32.574 0-54.006 1.934-89.895 1.934 39.504-76.076 9.142-155.957-28.875-179.154 34.275-7.526 51.327-20.285 88.791-30.66 54.644 47.776 53.793 166.546 29.98 207.881z" p-id="1296" fill="#1296db" />
                      <path d="M810.087 566.215c-32.743 0-54.091 1.915-89.897 1.915 39.334-76.055 9.058-156.021-29.043-179.154 34.402-7.441 51.454-20.262 88.79-30.66 54.73 47.882 53.877 166.567 30.15 207.9z" p-id="1297" fill="#1296db" />
                    </svg>
                  </a>
                  <!-- taoabao -->
                  <a class="grey-text pl5" title="去淘宝" href="http://h5.m.taobao.com/daren/home.html?userId={{liver.darenId}}" target="_blank"><i class="fa fa-external-link cp f16"></i></a>
                </div>
              </td>
              <td>
                {{liver.fansNum | bigNum}}
              </td>
              <td>{{liver.sellMoney7Days|bigNum}}</td>
              <td>{{liver.sellAmount7Days|bigNum}}</td>
              <td>{{liver.price7Days|bigNum}}</td>
              <td>{{liver.sellMoney30Days|bigNum}}</td>
              <td>{{liver.sellAmount30Days|bigNum}}</td>
              <td>{{liver.price30Days|bigNum}}</td>
              <td class="word-limit" [innerHTML]="liver.area |categoryName"></td>
              <td>
                {{liver.modifyTime | dateFormat}}
              </td>
            </tr>
            <tr *ngIf="vm.table.livers.length==0">
              <td colspan="10">暂无搜索结果</td>
            </tr>
          </tbody>
        </table>
        <pagination-controls class="center-align pt20" id="livers_table" (pageChange)="pageChanged($event)" maxSize="9" directionLinks="true" autoHide="true">
        </pagination-controls>
      </div>
    </section>
  </div>
</div>
